/*
 * Copyright (C) 2013-2019 2048FX
 * Jose Pereda, Bruno Borges & Jens Deters
 * All rights reserved.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
@font-face {
    font-family: 'Clear Sans Bold';
    src: url("ClearSans-Bold.ttf");
}

.root.easy {
    /* http://mcg.mbitson.com/#/ #f59563 16 */
    -primary-swatch-50: #ffffff;
    -primary-swatch-100:#ffffff;
    -primary-swatch-200:#fdeae0;
    -primary-swatch-300:#f9bc9d;
    -primary-swatch-400:#f7a980;
    -primary-swatch-500:#f59563;
    -primary-swatch-600:#f38146;
    -primary-swatch-700:#f16e29;
    -primary-swatch-800:#ed5b0f;
    -primary-swatch-900:#d0500d;
}

.root.advanced {
    /* #f67c5f 32 */
    -primary-swatch-50: #ffffff;
    -primary-swatch-100:#ffffff;
    -primary-swatch-200:#fde3dd;
    -primary-swatch-300:#f9ab99;
    -primary-swatch-400:#f8947c;
    -primary-swatch-500:#f67c5f;
    -primary-swatch-600:#f46442;
    -primary-swatch-700:#f34d25;
    -primary-swatch-800:#ec380d;
    -primary-swatch-900:#cf310c;
}

.root.expert {
    /* #f65e3b 64 */
    -primary-swatch-50: #ffffff;
    -primary-swatch-100:#fef2ef;
    -primary-swatch-200:#fcc6ba;
    -primary-swatch-300:#f98e76;
    -primary-swatch-400:#f77658;
    -primary-swatch-500:#f65e3b;
    -primary-swatch-600:#f5461e;
    -primary-swatch-700:#e9340b;
    -primary-swatch-800:#cc2e09;
    -primary-swatch-900:#af2708;
}

.game-root {
    -fx-background-color: #faf8ef;
    -fx-font-size: 12pt;
}
.game-vbox {
    -fx-background-color: #bbada0;
    -fx-padding: 5 15 5 15;
    -fx-background-radius: 3;
    -fx-border-radius: 3;
}
.game-titScore {
    -fx-font-size: 0.8125em;
    -fx-text-fill: #eee4da;
}
.game-score {
    -fx-font-size: 1.5625em;
    -fx-text-fill: white;
}
.game-points {
    -fx-font-size: 1.5625em;
    -fx-text-fill: rgba(119, 110, 101, 0.9);
}
.game-time {
    -fx-font-size: 0.875em;
    -fx-text-fill: #bbada0;
}
.game-backGrid {
    -fx-background-color: #bbada0;
    -fx-border-color: #bbada0;
    -fx-border-width: 2;
    -fx-background-radius: 6;
    -fx-border-radius: 6;
}
.game-grid {
    -fx-background-color: #bbada0;
    -fx-background-radius: 3;
    -fx-border-radius: 3;
}
.game-grid-cell {
    -fx-fill: #cdc1b4;
    -fx-stroke-width: 0.875em;
    -fx-stroke-type: centered;
    -fx-stroke: #BBADA0;
}

.game-label {
    -fx-font-smoothing-type: lcd;
    -fx-smooth: true;
    -fx-font-family: 'Clear Sans Bold';
}

.game-title {
    -fx-font-size: 5.0em;
    -fx-text-fill: #776e65;
}
.game-subtitle {
    -fx-font-size: 2.5em;
    -fx-text-fill: #f2b179;
    -fx-effect: dropshadow( three-pass-box, rgba(243, 215, 116, 1), 10, 0.5, 0, 0 );
}

.game-overlay {
    -fx-font-size: 3.75em;
    -fx-text-fill: #f9f6f2;
    -fx-border-color: #f9f6f2;
    -fx-border-width: 2;
    -fx-background-radius: 6;
    -fx-border-radius: 6;
}

.game-overlay-pause, .game-overlay-quit {
    -fx-opacity: 0.9;
    -fx-background-color: #f9f6f2;
}
.game-lblPause, .game-lblOver, .game-lblQuit {
    -fx-font-size: 3.75em;
    -fx-text-fill: #776e65;
}
.game-lblWarning {
    -fx-font-size: 0.3em;
    -fx-font-style: italic;
    -fx-text-fill: #f65e3b;
}
.game-lblAbout {
    -fx-font-size: 1.875em;
    -fx-fill: #776e65;
}
.game-lblAbout2 {
    -fx-font-size: 1.25em;
    -fx-fill: #f2b179;
    -fx-effect: dropshadow( three-pass-box, rgba(243, 215, 116, 1), 10, 0.5, 0, 0 );
    -fx-translate-y: -15;
}
.game-lblAboutSub {
    -fx-font-size: 1.25em;
    -fx-text-fill: #cdc1b4;
}
.game-lblAboutSub2 {
    -fx-font-size: 1.25em;
    -fx-text-fill: derive(#cdc1b4,-40%);
}
.game-overlay-won {
    -fx-background-color: rgba(237, 194, 46, 0.5);
}
.game-lblWon {
    -fx-font-size: 3.75em;
    -fx-text-fill: #f9f6f2;
}
.game-overlay-over {
    -fx-opacity: 0.6;
    -fx-background-color: #f9f6f2;
}
.game-button {
    -fx-font-size: 1.875em;
    -fx-text-fill: white;
    -fx-background-color: #8f7a66;
    -fx-border-color: #8f7a66;
    -fx-border-width: 2;
    -fx-background-radius: 3;
    -fx-border-radius: 3;
    -fx-padding: 6 20 12 20;
}
.game-button:pressed {
    -fx-padding: 4 22 12 22;
}
.game-button:focused, .game-button:hover {
    -fx-border-color: -fx-focus-color;
    -fx-border-width: 0.5px;
}
.game-tile-2    {
    -fx-font-size: 3.4375em;
    -fx-text-fill: #776e65;
    -fx-background-color: #eee4da;
    -fx-background-radius: 3;
    -fx-border-radius: 3;
}
.game-tile-4    {
    -fx-font-size: 3.4375em;
    -fx-text-fill: #776e65;
    -fx-background-color: #ede0c8;
    -fx-background-radius: 3;
    -fx-border-radius: 3;
}
.game-tile-8    {
    -fx-font-size: 3.4375em;
    -fx-text-fill: #f9f6f2;
    -fx-background-color: #f2b179;
    -fx-background-radius: 3;
    -fx-border-radius: 3;
}
.game-tile-16   {
    -fx-font-size: 3.4375em;
    -fx-text-fill: #f9f6f2;
    -fx-background-color: #f59563;
    -fx-background-radius: 3;
    -fx-border-radius: 3;
}
.game-tile-32   {
    -fx-font-size: 3.4375em;
    -fx-text-fill: #f9f6f2;
    -fx-background-color: #f67c5f;
    -fx-background-radius: 3;
    -fx-border-radius: 3;
}
.game-tile-64   {
    -fx-font-size: 3.4375em;
    -fx-text-fill: #f9f6f2;
    -fx-background-color: #f65e3b;
    -fx-background-radius: 3;
    -fx-border-radius: 3;
}
.game-tile-128  {
    -fx-font-size: 2.8125em;
    -fx-text-fill: #f9f6f2;
    -fx-background-color: #edcf72;
    -fx-background-radius: 3;
    -fx-border-radius: 3;
    -fx-effect: dropshadow( three-pass-box, rgba(243, 215, 116, 0.2381), 30, 0.5, 0, 0 );
    -fx-border-color: rgba(255, 255, 255, 0.14286);
    -fx-border-width: 1;
}
.game-tile-256  {
    -fx-font-size: 2.8125em;
    -fx-text-fill: #f9f6f2;
    -fx-background-color: #edcc61;
    -fx-background-radius: 3;
    -fx-border-radius: 3;
    -fx-effect: dropshadow( three-pass-box, rgba(243, 215, 116, 0.31746), 30, 0.5, 0, 0 );
    -fx-border-color: rgba(255, 255, 255, 0.19048);
    -fx-border-width: 1;
}
.game-tile-512  {
    -fx-font-size: 2.8125em;
    -fx-text-fill: #f9f6f2;
    -fx-background-color: #edc850;
    -fx-background-radius: 3;
    -fx-border-radius: 3;
    -fx-effect: dropshadow( three-pass-box, rgba(243, 215, 116, 0.39683), 30, 0.5, 0, 0 );
    -fx-border-color: rgba(255, 255, 255, 0.2381);
    -fx-border-width: 1;
}
.game-tile-1024 {
    -fx-font-size: 2.1875em;
    -fx-text-fill: #f9f6f2;
    -fx-background-color: #edc53f;
    -fx-background-radius: 3;
    -fx-border-radius: 3;
    -fx-effect: dropshadow( three-pass-box, rgba(243, 215, 116, 0.47619), 30, 0.5, 0, 0 );
    -fx-border-color: rgba(255, 255, 255, 0.28571);
    -fx-border-width: 1;
}
.game-tile-2048 {
    -fx-font-size: 2.1875em;
    -fx-text-fill: #f9f6f2;
    -fx-background-color: #edc22e;
    -fx-background-radius: 3;
    -fx-border-radius: 3;
    -fx-effect: dropshadow( three-pass-box, rgba(243, 215, 116, 0.55556), 30, 0.5, 0, 0 );
    -fx-border-color: rgba(255, 255, 255, 0.33333);
    -fx-border-width: 1;
}
.game-tile-4096   {
    -fx-font-size: 1.875em;
    -fx-text-fill: #f9f6f2;
    -fx-background-color: #b885ac;
    -fx-background-radius: 3;
    -fx-border-radius: 3;
}
.game-tile-8192   {
    -fx-font-size: 1.875em;
    -fx-text-fill: #f9f6f2;
    -fx-background-color: #af6da9;
    -fx-background-radius: 3;
    -fx-border-radius: 3;
}
.game-tile-16384 {
    -fx-font-size: 1.875em;
    -fx-text-fill: #f9f6f2;
    -fx-background-color: #ab61a7;
    -fx-background-radius: 3;
    -fx-border-radius: 3;
}
.game-tile-32768 {
    -fx-font-size: 1.875em;
    -fx-text-fill: #f9f6f2;
    -fx-background-color: #a755a6;
    -fx-background-radius: 3;
    -fx-border-radius: 3;
}
.game-tile-65536, .game-tile-131072, .game-tile-262144 {
    -fx-font-size: 1.5625em;
    -fx-text-fill: #f9f6f2;
    -fx-background-color: #3c3a32;
    -fx-background-radius: 3;
    -fx-border-radius: 3;
}